﻿html, body {

	height: 100%;

	overflow: hidden;

	min-width: 800px;

	position:relative;

}

.topPanel {

	height: 92px;

	background: white url('../images/topPanel.jpg') repeat-x scroll left bottom;

}

.topPanel .caption {

	height: 20px;

	background: #2558AB url('../images/topPanel_caption.jpg') repeat-x;

	border-bottom: 1px #FFFFCD solid;

}

.topPanel .caption .text {

	font-weight: bold;

	float: left;

	margin-left: 10px;

	color: white;

}
.topPanel .link {
	float: left;
	margin-left: 12px;
	margin-top: 70px;
}
.topPanel .link a {
	color: white;
	padding-left: 13px;
	height: 20px;
	background: url('../images/topPanel_caption_link.gif') no-repeat scroll left 2px;
	margin-left: 10px;
}
.topPanel .caption .link {

	float: right;

	margin-right: 20px;

}

.topPanel .caption .link a {

	color: white;

	padding-left: 13px;

	height: 20px;

	background: url('../images/topPanel_caption_link.gif') no-repeat scroll left 2px;

	margin-left: 10px;

}

.topPanel .logo {
	width: 201px;
	height: 92px;
	background: url('../images/logo.jpg') repeat-x;
	float: left;
}

.topPanel .menuPanel {

	height: 92px;



	background: url('../images/topPanel_menuPanel.jpg') scroll right top no-repeat;

}

.topPanel .menuPanel .tabs {
	float: left;
	height: 30px;
	float:left;
	top:62px;
	position:relative;
	overflow: hidden;
}

.topPanel .menuPanel .left {
	float: left;
	height: 30px;
	width: 11px;
	background-image: url(../images/tabs_nav_left.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.topPanel .menuPanel .tabs-nav {
	height: 30px;
	font-size: 12px;
	background-image: url(../images/tabs_nav_right.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	background-color:red;
	width:600px;
	_position:relative;
	_left:-11px;
}

.topPanel .menuPanel .tabs .move {

	width: 14px;

	height: 28px;

	position: absolute;

	top: 1px;

	display: none;

	z-index: 1;

	cursor: pointer;

}

.topPanel .menuPanel .tabs .previous {
	left: 0;
	background-attachment: scroll;
	background-image: url(../images/tabs_previous.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 12px;
}

.topPanel .menuPanel .tabs .next {
	right: 0;
	background-attachment: scroll;
	background-image: url(../images/tabs_next.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	width: 12px;
	margin-right: 0px;
}

.topPanel .menuPanel .tabs-nav ul {

	padding-left: 10px;

	height: 28px;

	width: 100%;

	left: 0;

	position: absolute;
	
	

}

.topPanel .menuPanel .tabs-nav li {
	width: 98px;
	height: 30px;
	float: left;
	color: white;
	text-align: center;
	line-height: 33px;
	cursor: pointer;
	position: relative;
	font-weight: bold;

}

.topPanel .menuPanel .tabs-nav .on {

	border-bottom: 0;

	color: black;

	height: 28px;

	line-height: 33px;


}
.topPanel .menuPanel .tabs-nav a{
	color: white;
	text-decoration: none;
}
.topPanel .menuPanel .tabs-nav .on span {
	background: url('../images/topPanel_menuPanel_tabs_nav_on.gif') no-repeat scroll left 4px;
	float: left;
	height: 30px;
	top: 0;
	position: absolute;
	left: 0;
	width: 100%;
	color: #003366;
	
	line-height: 33px;

}

.topPanel .menuPanel .tabs-content .box {

	height: 36px;

	display: none;

}

.topPanel .menuPanel .tabs-content .on {

	display: block;

}

.topPanel .menuPanel .link {

	height: 36px;

}

.topPanel .menuPanel .link li {

	float: left;

	height: 36px;

}

.topPanel .menuPanel .link a {

	padding: 5px 0 5px 25px;

	line-height: 36px;

	margin-left: 15px;

	color: #343434;

	background: url('../images/topPanel_menuPanel_link_a.gif') no-repeat scroll left center;

}

.topPanel .menuPanel .link a:hover {

	background: url('../images/topPanel_menuPanel_link_current_a.gif') no-repeat scroll left center;

	color: #003399;

}

.topPanel .menuPanel .link .current a {

	background: url('../images/topPanel_menuPanel_link_current_a.gif') no-repeat scroll left center;

	color: #003399;

}
.toolbar {
	height: 21px;
	background: #999999 url('../images/local.jpg') repeat-x;
	line-height: 22px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #ACC0F0;
	border-bottom-color: #999999;
	border-left-color: #ACC0F0;
}
.toolbar .welcome {
	width: 200px;
	height: 21px;
	border-right: 1px #697078 solid;
	float: left;
}
.toolbar .welcome .text {
	color: #535353;
	padding-left: 30px;
}
.toolbar .local {
	float: left;
	color: #535353;
	border-left: 1px #E4EFF8 solid;
}
.toolbar .local label {
	padding-left: 14px;
	margin-left: 20px;
	background: url('../images/toobar_loca_label.gif') no-repeat scroll left center;
}
.toolbar .local a {
	color: #535353;
	font-weight: bold;
}
.toolbar .local a:hover {
	color: #003366;
}
.toolbar .view {
	width: 130px;
	float: right;
	height: 21px;
	border-left: 1px #697078 solid;
}
.toolbar .view .ctrl {
	border-left: 1px #E4EFF8 solid;
	height: 21px;
	padding-left: 20px;
}
.toolbar .view .ctrl a {
	display: block;
	width: 13px;
	height: 11px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	background: black;
	margin-top: 4px;
	background: white url('../images/toolbar_view_ctrl_a.jpg') no-repeat;
}
.toolbar .view .ctrl .c1 {
	background-position: left top;
}
.toolbar .view .ctrl .c2 {
	background-position: -13px top;
}
.toolbar .view .ctrl .c3 {
	background-position: -26px top;
}
.toolbar .view .ctrl .c4 {
	background-position: -39px top;
}
.contentPanel {
	height: 200px;
	margin-top: 2px;
	overflow: hidden;
}
.contentPanel .navPanel {
	width: 200px;
	height: 100%;
	float: left;
	overflow: hidden;
	margin-right: 2px;
	background-color:#d3d3d3;
}
.contentPanel .workPanel {
	height: 100%;
	overflow: hidden;
}
.status {
	height: 25px;
	background: silver url('../images/status.jpg') repeat-x;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.start {
	width: 200px;
	height: 100%;
	float: left;
	text-align: center;
	color: white;
	line-height: 25px;
	position: relative;
}
.start .text {
	display: block;
	height: 100%;
	cursor: pointer;
	z-index: 1;
}
.start .box {
	position:absolute;
	height:230px;
	width:198px;
	top:-232px;
	left:0;
	display:none;
	border:1px solid #9999FF;
	background-color: #FFFFFF;
	background-image: url(../images/zdy.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.shortcut {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}
.shortcut .items {
	height: 25px;
	width: 100%;
	overflow: hidden;
}
.shortcut .items ul {
	width: 200%;
	height: 25px;
}
.shortcut ul li {
	background: url('../images/star.gif') no-repeat scroll 10px center;
	padding-left: 30px;
	height: 25px;
	padding-right: 10px;
	float: left;
	border-right: 1px #697078 solid;
	border-left: 1px #E4EFF8 solid;
	overflow: hidden;
	position: relative;
}
.shortcut ul li a {
	color: white;
}
.shortcut ul li .edit {
	width: 80px;
	border: 1px silver solid;
}
.accordion {
	height: 100%;
	margin: 5px;
	margin-bottom: 0;
	overflow: hidden;
	background-color: #ebf1fc;
}
.accordion .caption {
	height: 23px;
	line-height: 23px;
	background: url(../images/accordionBg.gif) repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0099FF;
	border-right-color: #0099FF;
	border-bottom-color: #FFFFFF;
	border-left-color: #0099FF;
}
.accordion .caption a {
	height: 100%;
	display: block;
	font-weight: bold;
	text-indent: 30px;
	color: #FFFFFF;
}
.accordion .caption a:hover {
	color: #003366;
	text-decoration: none;
	background: url(../images/accordionTextBg.gif) no-repeat;
}
.accordion .content div,
.accordion .content div div
{
	height:auto;
} 
.accordion .content {
	height: 200px;
	display: none;
	overflow: auto;
}
.accordion h1.on a {
	color: #FFFFFF;
	background: url(../images/accordionTextBg.gif) no-repeat;
}
.accordion div.on {
	display: block;
}
.workPanel .tabs {
	height: 100%;
	overflow: hidden;
	position: relative;
}
.workPanel .tabs .tabs-nav {
	height: 25px;
	background: url('../images/tabs-nav.jpg') repeat-x 0 -1px;
	border: 1px #999999 solid;
	padding-left: 20px;
}
.workPanel .tabs .move {
	width: 14px;
	height: 25px;
	position: absolute;
	top: 1px;
	display: none;
	z-index: 1;
	cursor: pointer;
}
.workPanel .tabs .previous {
	left: 0;
	border-left: 1px #2D7EC5 solid;
	background: url('../images/workPanel_tabs_previous.jpg') no-repeat scroll center center;
	border-bottom: 1px solid #75B4E0;
	border-right: 1px solid #2D7EC5;
}
.workPanel .tabs .next {
	right: 0;
	border-right: 1px #2D7EC5 solid;
	background: url('../images/workPanel_tabs_next.jpg') no-repeat scroll center center;
	border-bottom: 1px solid #75B4E0;
	border-left: 1px solid #2D7EC5;
}
.workPanel .tabs .tabs-nav ul {
	width: 1000%;
	margin-left: 15px;
	position: absolute;
	left: 0;
	border-left: 1px #2D7EC5 solid;

}
.workPanel .tabs .tabs-nav li {
	height: 25px;
	float: left;
	line-height: 25px;
	text-align: center;
	cursor: default;
	color: #004488;
	cursor: pointer;
	position: relative;
}
.workPanel .tabs .tabs-nav .on {
	background: white url('../images/tabs-nav-li-on.jpg') repeat-x;
	font-weight: bold;
}
.workPanel .tabs .tabs-nav .close {
	width: 12px;
	height: 12px;
	overflow: hidden;
	background: url('../images/tabs-nav-close.gif') no-repeat scroll center center;
	position: absolute;
	right:3px;
	top:3px;
}
.workPanel .tabs .tabs-nav .close:hover{
	background: url('../images/tabs-nav-close-hover.gif') no-repeat;
}
.workPanel .tabs .tabs-nav span {
	padding: 0 16px;
	border-right: 1px #257ABB solid;
	display: block;
}
.workPanel .tabs .tabs-nav .on span {
	float: left;
	height: 26px;
	background: white url('../images/tabs-nav-li-on.jpg') repeat-x;
	top: 1px;
}
.workPanel .tabs .tabs-nav .on .close {
	display: block;
}
.workPanel .tabs .tabs-content {
	border: 1px #999999 solid;
	border-top: 0;
	overflow: auto;
}
.workPanel .tabs .tabs-content .box {
	display: none;
	height: 100%;
	overflow:hidden;
}
.workPanel .tabs .tabs-content .on {
	display: block;
}
